@import 'styles/mixins.scss';
.root {
  display: flex;
  margin-bottom: 8px;
  padding: 8px;
  @include box(250px, fill-content, #fff);
  border: 1px solid transparent;
  border-radius: 4px;
  :global {
    .left {
      margin-right: 8px;
      width: 40px;
      & > img {
        display: block;
        width: 40px;
        height: 40px;
      }
    }
    .right {
      flex: 1;
      display: flex;
      flex-direction: column;
      &-bottom {
        @include flex(space-between);
        margin-top: 8px;
      }
    }
  }
}
.rootActive {
  background-color: #eae6ff;
  border: 2px solid #000;
}
.rootDisabled {
  background-color: #ccc;
}
